﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<!--
    <script type="text/javascript" src="../scripts/jquery-1.4.2.min.js"></script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

    <script type="text/javascript" src="../scripts/jquery.ui.datepicker-pt-BR.js"></script>

    <script type="text/javascript" src="../scripts/jqXMLUtils.pack.js"></script>

    <script type="text/javascript" src="../scripts/jquery.checkboxes.min.js"></script>

    <script type="text/javascript" src="../scripts/jquery.jgfeed-min.js"></script>

    <script type="text/javascript" src="../admin/canais.js"></script>

    <script type="text/javascript" src="../scripts/principal.js"></script>-->

    <!--   <script type="text/javascript" src="../scripts/cufon.js"></script>
          <script type="text/javascript" src="../scripts/Helvetica.js"></script>-->
    <link rel="Stylesheet" href="../style/global.css" type="text/css" />
    <!--
        <script type="text/javascript">
            Cufon.replace('body');
		</script>-->

    <script type="text/javascript">
        $(document).ready(function() {
            var strHTML = '';

            $.each(canais, function(i) {
                strHTML +=
	                '<fieldset>' +
	                    '<legend class="' + canais[i].id + '"><span>' + canais[i].nome + '</span></legend>' +
                        '<ul id="canais_' + canais[i].id + '">';

                $.each(canais[i].subcanais, function(p) {
                    strHTML +=
	                    '<li>' +
	                        '<input type="checkbox" id="' + canais[i].subcanais[p].id + '" value="' + canais[i].subcanais[p].rss + '" />' +
	                        '<label for="' + canais[i].subcanais[p].id + '">' + canais[i].subcanais[p].nome + '</label>' +
	                    '</li>';
                });

                strHTML +=
	                    '</ul>' +
                    '</fieldset>';
            });

            $(".escolha-canais").append(strHTML);

            gerenciaTodosChecks();
            adicionaCanais();

            //$.datepicker.setDefaults($.datepicker.regional['pt-BR']);

            //var data = $.datepicker.parseDate('D, dd M yy', 'Thu, 23 Sep 2010');
            //alert(data);

            var novaDt = $.datepicker.formatDate('DD, dd MM yy', new Date('Thu, 23 Sep 2010 07:31:00 -0700'));
            alert(novaDt);

            //$.datepicker.setDefaults($.datepicker.regional['pt-BR']);

            //alert($.datepicker.formatDate('D, dd M yy', new Date(novaDt)));



        });
    </script>

    <title>Adicionar Canais</title>
</head>
<body>
    <div class="pagina-escolha">
        <div class="topo">
            <h1>
                Vê o Extra</h1>
            <a href="#" class="indicar-amigo">Indicar este aplicativo para meus amigos</a> <a
                href="#" class="logo">
                <img src="../images/logo.png" alt="Vê o Extra" /></a><h3>
                    Seja Bem-Vindo(a), <strong>Fulano de Tal</strong>.</h3>
        </div>
        <div class="conteudo">
            <h1>
                Meus Canais</h1>
            <div class="escolha-canais">
                <h2>
                    Altere os canais de que deseja acompanhar:</h2>
                    <div class="ckbSelecionarCanais">
                <input type="checkbox" id="ckbSelecionarCanais" />
                <label  for="ckbSelecionarCanais">
                    Selecionar Todos os Canais</label></div>
                <div class="tipo-canais">
                    <fieldset>
                        <legend class="noticias"><span>Notícias</span></legend>
                        <ul>
                            <li>
                                <input type="checkbox" id="tdnoticias" />
                                <label for="tdnoticias">
                                    Tudo sobre Notícias</label>
                            </li>
                            <li>
                                <input type="checkbox" id="bizarro" />
                                <label for="bizarro">
                                    Bizarro</label>
                            </li>
                            <li>
                                <input type="checkbox" id="celulartecnologia" />
                                <label for="celulartecnologia">
                                    Celular e Tecnologia</label></li>
                            <li>
                                <input type="checkbox" id="pais" />
                                <label for="pais">
                                    País</label>
                            </li>
                        </ul>
                    </fieldset>
                    <fieldset>
                        <legend class="casa"><span>Casa</span></legend>
                        <ul>
                            <li>
                                <input type="checkbox" id="tdcasa" />
                                <label for="tdcasa">
                                    Tudo sobre Casa</label>
                            </li>
                        </ul>
                    </fieldset>
                    <fieldset>
                        <legend class="policia"><span>Policia</span></legend>
                        <ul>
                            <li>
                                <input type="checkbox" id="tdpolicia" />
                                <label for="tdpolicia">
                                    Tudo sobre Polícia</label>
                            </li>
                        </ul>
                    </fieldset>
                    <fieldset>
                        <legend class="lazer-famosos"><span>Lazer e Famosos</span></legend>
                        <ul>
                            <li>
                                <input type="checkbox" id="tdlazerfamosos" />
                                <label for="tdlazerfamosos">
                                    Tudo sobre Lazer e Famosos</label>
                            </li>
                        </ul>
                    </fieldset>
                    <fieldset>
                        <legend class="empregos-concursos"><span>Empregos e Concursos</span></legend>
                        <ul>
                            <li>
                                <input type="checkbox" id="tdempregosconcursos" />
                                <label for="tdempregosconcursos">
                                    Tudo sobre Empregos e Concursos</label>
                            </li>
                        </ul>
                    </fieldset>
                    <fieldset>
                        <legend class="esportes"><span>Esportes</span></legend>
                        <ul>
                            <li>
                                <input type="checkbox" id="tdesportes" />
                                <label for="tdesportes">
                                    Tudo sobre Esportes</label>
                            </li>
                            <li>
                                <input type="checkbox" id="botafogo" />
                                <label for="botafogo">
                                    Botafogo</label>
                            </li>
                            <li>
                                <input type="checkbox" id="flamengo" />
                                <label for="flamengo">
                                    Flamengo</label>
                            </li>
                        </ul>
                    </fieldset>
                </div>
                <a href="#" class="btn-adicionar-canais" title="Adicionar Canais">Adicionar Canais</a></div>
    </div>
    </div>
</body>
</html>
